<template>
  <div class="wrapsys-root">
    <div class="wrapsys-form">
      <div class="wrapsys-body">
        <router-view></router-view>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: 'wrap-sys'
}
</script>

<style scoped>
.wrapsys-root{
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: url(../assets/bgs.png) no-repeat  center center;
}
.wrapsys-form:before{
  position: absolute;
  left: 97px;
  top: -170px;
  content: '';
  display: block;
  width: 106px;
  height: 153px;
  background:url(../assets/slogo.png) no-repeat;
  background-size:cover;
}
.wrapsys-form{
  position: relative;
  width: 300px;
}

.wrapsys-head{
  background-color: #1D8CE0;
  font-size: 3rem;
  color: white;
  line-height: 2.8rem;
  text-align: center;
  font-family: "Courier New";
  padding: 1.4rem 0;
}
.wrapsys-body{
  padding: 16px;
  height: 171px;
}
</style>
